<template>
	<div class="home">
		<el-container>
  			<el-aside width="200px">
				<div class="logo">
					WOW SURPRISE
				</div>
				<NavMenu/>
			</el-aside>
			<el-container>
				<el-header><Header/></el-header>
				<el-main class="main">
					<router-view />
				</el-main>
				
			</el-container>
		</el-container>
	</div>
</template>

<script>
import Header from '@/components/header.vue'
import NavMenu from '@/components/nav.vue'
export default {
  	name: "Home",
  	components: {
		Header,
		NavMenu
	}
};
</script>
<style lang="scss" scoped>
	.el-header{
        padding: 0;
    }
	.main{
		width: 100%;
        height: calc(100vh - 60px);
		background-color: #efefef;
	}
	.home{
		.logo{
			width: 200px;
			height: 60px;
			background-color:#545c64 ;
			font-size: 16px;
			flex-wrap: 800;
			color: #fff;
			line-height: 60px;
		}
		
	}
</style>
